<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script src="lib/angular-libs/angular.min.js"></script>
    <script src="lib/angular-libs/angular-route.js"></script>

    <!--<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>-->
    <!--<script src="http://apps.bdimg.com/libs/angular-route/1.3.13/angular-route.js"></script>-->

    <script type="text/javascript">
        angular.module("ngRouteExample", ["ngRoute"])
                .controller("HomeController", function ($scope, $route) {
                    $scope.$route = $route;
                    console.log("HomeController");
                })
                .controller("AboutController", function ($scope, $route) {
                    $scope.$route = $route;
                    console.log("AboutController");
                })
                .config(function ($routeProvider) {
                    $routeProvider.when("/home", {
                        templateUrl: "embedded.home.html",
                        controller: "HomeController"
                    }).when("/about", {
                        templateUrl: "embedded.about.html",
                        controller: "AboutController"
                    }).otherwise({
                        redirectTo: "/home"
                    });
                });
    </script>


</head>

<body ng-app="ngRouteExample" class="ng-scope">
<script type="text/ng-template" id="embedded.home.html">
    <h1> Home </h1>
</script>

<script type="text/ng-template" id="embedded.about.html">
    <h1> About </h1>
</script>

<div>
    <div id="navigation">
        <a href="#/home">Home</a>
        <a href="#/about">About</a>
    </div>

    <div ng-view="">
    </div>
</div>
</body>
</html>